nav{
	border-bottom: 1px solid #ccc;
	background: #fff;
}
.navbar{
	padding-bottom: 0;
}
nav .navbar-nav li{
	padding: 10px 0;
	border-bottom: 4px solid #FFF;
}
.floatright{
	float: right;
}
nav .navbar-nav .nav-item:hover{
	border-bottom: 4px solid #00adee;
}
.nav-dl{
	margin-right: 20px;
}
.banner-lunbo{
	width: 100%;
	height: 100px;
}
.carousel-inner div {
	width: 100%;
	height: 100px;
  }
.lunbo{
	margin-top: 73px;
	text-align: center;
}
.lunbo h2{
	font-size: 34px;
	margin-top: 50px;
}
.lunbo p{
	color: #888;
	font-size: 24px;
}
.carousel-indicators li{
	width: 10px;
	height: 10px;
	border-radius: 50%;
	background: #888;
	border: 1px solid #ccc;
    bottom: 100px;
}
.carousel-inner{
	height: 320px;
}
.banner-lunbo div{
	color: #00adee;
	font-size: 30px;
	margin-top: 70px;
}
.big-rotation{
	text-align: center;
	padding-top: 20px;
	overflow: hidden;
	height: 39rem;
}
.big-rotation img{
	width: 100%;
}
.stars{
	position: relative;
	width: 25.378233284529042rem;
    top: -52.342606rem;
    z-index: 0;
	animation:myfirst 70s;
	animation-iteration-count:infinite;
	z-index: 0
}
@keyframes myfirst{
	0%   {transform:rotate(360deg);}
	100% {transform:rotate(0deg);}
}
.cross-platform{
	background: url(../images/introduce.jpg) 0 50px;
	background-repeat: no-repeat;
	height: 28rem;
	background-size: 100%;
	z-index: 99;
}
.cross-platform-text{
	font-size: 20px;
	color: #444;
	text-align: right;
	padding-top: 50px;
}
.cross-platform-text h2{
	font-size: 30px;
    margin-bottom: 35px;
    font-weight: 700;
}
.cross-platform-text span{
	color: #00adee;
	font-size: 75%;
	font-family: inherit;
}
.cross-platform-text div{
	display: block;
    height: 2px;
    margin-top: -20px;
    background-color: #00adee;
    width: 100px;
    float: right;
}
.home-feature{
	background: #f7f8fa;
	padding: 50px 0 0 0;
}
.home-feature .col-sm-12 h2{
	font-size: 30px;
    margin-bottom: 15px;
    font-weight: 700;
    text-align: center;
}
.home-feature .col-sm-12 div{
	display: block;
    height: 2px;
    background-color: #00adee;
    width: 100px;
    margin: auto;
    margin-bottom: 40px;
}
.home-feature .col-sm-3{
	text-align: center;
	font-size: 22px;
	margin-bottom: 50px;
}
.home-feature .col-sm-3 h5{
	line-height: 40px;
}
.home-feature .col-sm-3 img{
	margin-bottom: 20px;
}
main .col-sm-12{
	text-align: center;
	font-size: 20px;
	color: #444;
}
main .col-sm-12 h2{
	font-size: 30px;
    margin-bottom: 15px;
    font-weight: 700;
    color: #00adee;
    margin-top: 50px;
}
main .col-sm-12 div{
	display: block;
    height: 2px;
    background-color: #00adee;
    width: 100px;
    margin: auto;
}
main .main-6{
	text-align: center;
	border: 1px solid #ccc;
	margin-top: 30px;
}
.main-6 h5{
	line-height: 3.1;
	background: linear-gradient(90deg,#03a1dc,#00d1f0 80%);
    color: #fff;
}
.main-6 img{
	margin: 20px;
}
main .main-6 p{
	padding: 0 .585651537335286rem;
    font-size: 16px;
    line-height: 2;
    color: #444;
    font-weight: 200;
    margin-bottom: 100px;
}
main .main-6-ccc h5{
	background: #f7f8fa;
	color: #444;
}
hr {
    margin-top: 40px;
    margin-bottom: 40px;
    border: 0;
    border-top: 1px solid #eee;
}
main .row .main-h2-444 h2{
	color: #444;
}
.main-3{
	padding: 0 52px;
}
.main-3 img{
	border: 1px solid #f0f0f0;
	margin-top: 30px;
}
.main-3 h3{
	color: #00adee;
	font-size: 18px;
	margin: 30px 0 15px 0;
}
.btn-common-large{
	margin: 50px auto;
	font-size: 20px;
    width: 200px;
}
footer{
	background: #f3f3f5;
	padding: 5rem 0;
}
.footer h4{
	font-size: 16px;
    font-weight: 700;
    margin-top: 50px;
}
.footer li{
	line-height: 30px;
	font-size: 15px;
}
footer .col-sm-4 img{
	width: 100%;
}
.home-feature .col-sm-3:hover{
	transform: translateY(-5px);
	cursor: pointer;
	transition: all .4s ease;
}
.home-feature .col-sm-3:hover img{
	transform:rotate(20deg);
	transition: all .4s ease;
}
.main-6:hover{
	text-decoration: none;
    box-shadow: 0 8px 12px rgba(0,0,0,.04), 0 8px 28px rgba(0,0,0,.12);
    transition: all .5s linear;
    cursor: pointer
}
footer .col-sm-4 li img{
	width: 18px;
	height: 25px;
}
@media (max-width: 868px){
	.move-end-adjustment1{
		margin-top: -10rem;
	}
	.move-end-adjustment2{
		margin-top: -15rem;
		text-align: center;
	}
	.home-feature{
		margin-top: -10rem;
	}
	.move-end-adjustment3{
		bottom: -100px;
	}
	nav .move-end-adjustment4{
		display: none;
	}
  }
